<template>
	<up-popup :show="show" mode="center" :round="10" @close="handleClose" @open="handleOpen">
		<view class="up-popup-continar">
			<view class="title">
				温馨提示
			</view>
			<view class="info">
				该桌暂未发起拼桌
			</view>
        <view class="close-btn" @click="handleClose">
         	关闭
         </view>
		</view>
	</up-popup>
</template>

<script setup>
	import {ref} from 'vue';
	import { http } from '@/api/pzApi/http/api.js';
	import qrcode from "@/until/qrcode/index.js";
    import BASE_URL from '@/api/pzApi/http/env.js'
	// 定义接受的属性
	const props = defineProps({
		show: {
			type: Boolean,
			default: false
		},
		content: {
			type: String,
			default: '人生若只如初见，何事秋风悲画扇'
		}
	});
 
 
	// 定义事件处理函数
	const handleClose = () => {
		emit('close');
	};

	const handleOpen = () => {
		emit('open');
	};

	// 定义事件发射器
	const emit = defineEmits(['close', 'open']);
	
</script>

<style scoped lang="less">
	.up-popup-continar {
	background: linear-gradient(0deg, #FAF9FE, #FFDFC9);
	border-radius: 16rpx;
	padding: 0 93rpx;
		.title {
			text-align: center;
			font-weight: bold;
			font-size: 36rpx;
			color: #212121;
			height: 99rpx;
			line-height: 99rpx;
		}
         .info {
			 // margin-top: 18rpx;
			 font-weight: 500;
			 font-size: 32rpx;
			 color: #212121;
		 }
		 .close-btn {
			 margin: 44rpx auto 0 auto;
			 width: 240rpx;
			 height: 80rpx;
			 background: #FF6A00;
			 border-radius: 40rpx;
			 text-align: center;
			 line-height: 80rpx;
			 font-weight: 500;
			 font-size: 36rpx;
			 color: #FFFFFF;
			 margin-bottom: 40rpx;
		 }
	}

</style>